<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
	<title> 首页 </title>
	<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
	<meta name="Generator" content="EditPlus">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<link rel="stylesheet" type="text/css" href="{:__TMPLPUB__}/Css/main.css" />
 </head>
 <body>
	<div id="container">
		<div class="title">
			<a href="">主页</a>&nbsp;>&nbsp;<a href="">blog管理</a>&nbsp;>&nbsp;<a href="">模块管理</a>
		</div>
		<div id="content" class="clearfix">
			<div class="sidebar">
				<ul id="sidemenu">
					<li onclick="javascript:select(0);"><a href="{:Dyhb::U('Manage/configure')}">博客设置</a></li>
					<li onclick="javascript:select(1);"><a href="{:Dyhb::U('Manage/personal')}">个人设置</a></li>
					<li onclick="javascript:select(2);"><a href="{:Dyhb::U('Manage/link')}">友情链接</a></li>
					<li onclick="javascript:select(3);"><a href="{:Dyhb::U('Manage/mode')}">模块管理</a></li>
				</ul>
			</div>
			<div class="data">
			IE边框若显若无，须注意，定是高度设置已忘记；


浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

三像素文本慢移不必慌，高度设置帮你忙；

兼容各个浏览须注意，默认设置行高可能是杀 手；

独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；

学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。

所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。

图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。

IE浮动双边距，请用display：inline拘。

列表横向排版，列表代码须紧靠，空隙自消须铭记。
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function select(value){
			var list=document.getElementsByTagName("li");
			for(var i=0;i<list.length;i++){
				list[i].className="";
			}
			list[value].className="active";
		}
		select(3);
	</script>
 </body>
</html>